<script>
export default {
    name: "TestComponents",
    setup(){

    }

}
</script>

<template>
  <svg width="0" height="0" viewBox="0 0 100 100">
      <defs>
          <symbol id="more" viewBox="0 0 100 100">
              <circle r="5" cx="20" cy="25" fill="currentColor"></circle>
              <circle r="5" cx="20" cy="50" fill="currentColor"></circle>
              <circle r="5" cx="20" cy="75" fill="currentColor"></circle>
              <line x1="40" y1="25" x2="90" y2="25" stroke-width="8" stroke="currentColor"></line>
              <line x1="40" y1="50" x2="80" y2="50" stroke-width="8" stroke="currentColor"></line>
              <line x1="40" y1="75" x2="90" y2="75" stroke-width="8" stroke="currentColor"></line>
          </symbol>

          <symbol id="fillArrowRight" viewBox="0 0 100 100">
              <polyline points="20 10,80 50,20 90" fill="currentColor"></polyline>
          </symbol>
          <symbol id="arrowRight" viewBox="0 0 100 100">
              <polyline points="20 10, 80 50, 20 90" fill="transparent" stroke-width="3" stroke="currentColor"></polyline>
          </symbol>


          <symbol id="duohang" viewBox="0 0 1024 1024">
              <path fill="currentColor" d="M544 224v581.845333h-64V224A10.666667 10.666667 0 0 1 490.666667 213.333333h42.666666a10.666667 10.666667 0 0 1 10.666667 10.666667z"  p-id="2433"></path>
              <path fill="currentColor" d="M710.229333 582.229333l30.208 30.208a10.666667 10.666667 0 0 1 0 15.061334L534.613333 833.28a32 32 0 0 1-45.226666 0l-205.824-205.781333a10.666667 10.666667 0 0 1 0-15.061334l30.208-30.208a10.666667 10.666667 0 0 1 15.061333 0L512 765.44l183.168-183.168a10.666667 10.666667 0 0 1 15.061333 0z"  p-id="2434"></path>
          </symbol>
      </defs>



  </svg>

</template>

<style scoped lang="scss">
.container{
  color: red;
}

</style>
